.wrap
{
    height:100vh;
    width:100%;
    background: white;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.nav
{
    width: 100%;
    height: 10vh;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav ul li
{
    font-size: 1em;
    display:inline-block;
    text-align: center;
    padding:30px;
}
.nav li a
{
    font-size: 1em;
    color :white;
}  
.nav li:hover a
{   
    color: #00b3e1;
}

.loginbar
{
    width:100%;
    height:30vh;
}
.loginbar form
{
    width: 100%;
    height: 100px;
    margin:30px 0;
}
.loginbar  input
{
    border:none;
    border-bottom: 1px solid coral;
    padding:10px 45px;
}
.czs-user-l
{
    font-size: 30px;
    padding:0 10px;
    position: absolute;
}
.czs-lock-l
{
    font-size: 30px;
    padding:0 10px;
    position: absolute;
}
.denglu
{
    height: 50px;
    width: 100%;
    border-bottom:0;
    background: lawngreen;
}
.mima
{
    float: right;
    border-bottom: 0;
}

.middle
{
    width:100%;
    height:30vh;
    background:white;
}

.footer
{
    width: 100%;
    height: 20vh;
    display: flex;
    margin: 10px 0;
    align-items: center;
    justify-content: center;
}
.footer p
{
    font-size: 10px;
}
.czs-weibo
{
    font-size: 25px;
    display: block;
    padding: 0 20px;
}
.czs-qq
{
    font-size: 25px;
    display: block;
    padding: 0 20px;
}
.czs-weixin
{
    font-size: 25px;
    display: block;
    padding: 0 20px;
}
.czs-moments
{
    font-size: 20px;
    display: block;
    padding: 0 20px;
}
